<template>

  <LContainer :scroll="false">
    <div class="error-page h-full flex items-center justify-center bg-white">
      <div class="img err-500"></div>
      <div class="content">
        <h1>500</h1>
        <div class="desc">抱歉，服务器出错了</div>
        <div class="actions">
          <el-button type="primary" @click="goHome">返回首页</el-button>
          <el-button text @click="goBack">返回上一页</el-button>
        </div>
      </div>
    </div>
  </LContainer>
</template>

<script setup lang="ts" name="ErrorPage500">
import LContainer from "@/components/layout/LContainer.vue";
import router from "@/router/index";

const goHome = () => {
  router.push({
    path: "/",
  });
};

const goBack = () => {
  router.go(-1);
};
</script>


<style lang="less" scoped>
@import "../../assets/css/errpage.less";

.err-500 {
  background-image: url("../../assets/img/error/500.svg");
}
</style>